<div id="left-quick">
  <div id="search-train">
    <div class="wrap-search">
      <h1 class="title-search"><?php echo t('Search Trainer online now') ?></h1>
      <div id="gender-trainer">
        <label><?php echo t('Gender') ?></label>
        <input type="checkbox" id="tr-male" name="gender-trainer" value="1" onclick="trainer_search()"> <?php echo t('Male') ?>
        <input type="checkbox" id="tr-female" name="gender-trainer" value="0" onclick="trainer_search()"> <?php echo t('Female') ?>
      </div>
      <div id="genre-trainer">
        <label><?php echo t('Genre') ?></label>
        <select id="tr-genre" name="genre-trainer" onchange="trainer_search()">
          <option value="1">Option 1</option>
          <option value="2">Option 2</option>
          <option value="3">Option 3</option>
        </select>
      </div>
      <div id="cost-trainer">
        <label><?php echo t('Cost') ?></label>
        <select id="tr-cost" name="cost-trainer" onchange="trainer_search()">
          <option value="false">Select...</option>
          <option value="0">Free</option>
          <option value="1-5">1-5 Credit</option>
          <option value="6-10">6-10 Credit</option>
          <option value="11-15">11-15 Credit</option>
          <option value="16"> > 15 Credit</option>
        </select>
      </div>
      <div style="clear: both"></div>
    </div>
    <div id="result-trainer">
    <?php if(!empty($data['trainer-online'])) : ?>
      <div id="scrollbar1" class="scroll-bar">
        <div class="scrollbar"><div class="track"><div class="thumb"><div class="end"></div></div></div></div>
        <div class="viewport">
         <div class="overview">
           <div id="trainer-online">
           <?php foreach($data['trainer-online'] as $row) : ?>
           <div class="trainer">
             <div class="img-online">
               <img width="75px" height="75px" src="<?php echo base_path() . drupal_get_path('module', 'tvn_block') . '/images/img-trainer.png' ?>">
             </div>
             <div class="img-name">
               <div class="online-now">
                 <a href="<?php echo base_path() ?>"><?php echo $row->surname ?></a>
                 <span><?php echo t('Online now') ?></span>
               </div>
               <div style="clear: both"></div>
               <div class="button"><a href="<?php echo base_path() ?>"><?php echo t('Connect') ?></a></div>
             </div>
           </div>
           <div style="clear: both"></div>
           <?php endforeach ?>
           </div>
         </div>
        </div>
      </div>
    <?php else : ?>
      <?php echo t('Current don\'t have any trainers online !') ?>
    <?php endif ?>
    </div>
  </div>
</div><!--end #left-quick  -->
<div style="clear: both"></div>